<?php
if (APPLICATION_ENV == 'production' && ! APPLICATION_DEBUG) {
    ?>
<link rel="stylesheet" type="text/css"
	href="<?php echo CSS_MIN_PATH;?>/slider.css" />
<?php
} else {
    ?>
<link rel="stylesheet" type="text/css"
	href="<?php echo CSS_SOURCE_PATH;?>/slider.css" />
<?php
}
?>
<script src="<?php echo APPLICATION_PUBLIC;?>/js/flexslider.min.js"
	type="text/javascript"></script>
<script type="text/javascript">
    jQuery(document).ready(function($) {
        jQuery("#slider").flexslider({
            controlNav : false,
            directionNav : true,
            animationLoop : true,
            animation : "fade",
            useCSS : false,
            video : true,
            smoothHeight : true,
            slideshow : true,
            slideshowSpeed : 10000,
            pauseOnAction : true,
            animationSpeed : 600
        });
    });
</script>
<div id="slider" style="height: 550px;">
	<ul class="slides">
    <?php
    $slider = $this->slider;
    $sliderTable = $this->sliderTable;
    foreach ($slider as $item) {
        ?>
        <li><a
			href="<?php echo $item[$sliderTable->detailUrl] == null ? '#' : $item[$sliderTable->detailUrl]; ?>"
			title="<?php echo $item[$sliderTable->title]; ?>"><img
				src="<?php echo $item[$sliderTable->imageUrl]; ?>"
				alt="<?php echo $item[$sliderTable->title]; ?>"
				class="Thumbnail thumbnail featured " width="980" height="550" /></a>
			<div class="slide_content">
				<h5>
					<a
						href="<?php echo $item[$sliderTable->detailUrl] == null ? '#' : $item[$sliderTable->detailUrl]; ?>"
						title="<?php echo $item[$sliderTable->title]; ?>"><?php echo $item[$sliderTable->title]; ?></a>
				</h5>
				<p>
                    <?php echo $item[$sliderTable->description]; ?>
                </p>
			</div></li>
    <?php
    }
    ?>
    </ul>
	<!-- /.slides -->
	<ul class="flex-direction-nav">
		<li><a class="flex-prev" href="#">Previous</a></li>
		<li><a class="flex-next" href="#">Next</a></li>
	</ul>
</div>